<template>
  <div class="blank-container">
    <h1>Welcome to Blank Page!</h1>
    <p>This is a blank Vue page. Feel free to add your content here.</p>
    <button @click="handleClick">Click me!</button>
    <div>{{ message }}</div>
  </div>
</template>

<script>
export default {
  name: 'BlankPage',
  data() {
    return {
      message: ''
    }
  },
  methods: {
    handleClick() {
      this.message = 'You clicked the button!'
    }
  }
}
</script>

<style scoped>
.blank-container {
  text-align: center;
  margin-top: 50px;
}
</style>
